@charset"UTF-8";

html {
font-size: 62.5%;
font-family: 'helvetica neue', tahoma, arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
hr {
margin: 0;
padding: 0
}

body {
line-height: 1.333;
font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-family: arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif
}

input,
textarea,
select,
button {
font-size: 12px;
font-weight: normal
}

input[type="button"],
input[type="submit"],
select,
button {
cursor: pointer
}

table {
border-collapse: collapse;
border-spacing: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-style: normal;
font-weight: normal
}

li {
list-style: none
}

caption,
th {
text-align: left
}

q:before,
q:after {
content: ''
}

abbr,
acronym {
border: 0;
font-variant: normal
}

sup {
vertical-align: text-top
}

sub {
vertical-align: text-bottom
}

fieldset,
img,
a img,
iframe {
border-width: 0;
border-style: none
}

img {
-ms-interpolation-mode: bicubic
}

textarea {
overflow-y: auto
}

legend {
color: #000
}

a:link,
a:visited {
text-decoration: none
}

hr {
height: 0
}

label {
cursor: pointer
}

.clearfix:after {
content: "\200B";
display: block;
height: 0;
clear: both
}

.clearfix {
*zoom: 1
}

a {
color: #328CE5
}

a:hover {
color: #2b8ae8;
text-decoration: none
}

a.hit {
color: #C06C6C
}

a:focus {
outline: none
}

.hit {
color: #8DC27E
}

.txt_auxiliary {
color: #A2A2A2
}

.clear {
*zoom: 1
}

.clear:before,
.clear:after {
content: "";
display: table
}

.clear:after {
clear: both
}

body,
.body {
background: #f7f7f7;
height: 100%
}

.mod-title {
height: 60px;
line-height: 60px;
text-align: center;
border-bottom: 1px solid #ddd;
background: #fff
}

.mod-title .ico-wechat {
display: inline-block;
width: 41px;
height: 36px;
background: url("/templates/images/wechat-pay.png") 0 -115px no-repeat;
vertical-align: middle;
margin-right: 7px
}

.mod-title .ico-alipay {
display: inline-block;
width: 41px;
height: 36px;
background: url("/templates/images/alipay-pay.png") 0 -115px no-repeat;
vertical-align: middle;
margin-right: 7px
}

.mod-title .text {
font-size: 20px;
color: #333;
font-weight: normal;
vertical-align: middle
}

.mod-ct {
width: 610px;
padding: 0 135px;
    margin: 15px auto 0;
    background: #fff url("/templates/images/wave.png") top center repeat-x;
text-align: center;
color: #333;
border: 1px solid #e5e5e5;
border-top: none
}

.mod-ct .order {
font-size: 20px;
padding-top: 30px
}

.mod-ct .amount {
font-size: 48px;
margin-top: 20px
}

.mod-ct .qr-image {
margin-top: 30px
}

.mod-ct .qr-image img {
width: 230px;
height: 230px
}

.mod-ct .detail {
margin-top: 60px;
padding-top: 25px
}

.mod-ct .detail .arrow .ico-arrow-wechat {
display: inline-block;
width: 20px;
height: 11px;
background: url("/templates/images/wechat-pay.png") -25px -100px no-repeat
}

.mod-ct .detail .arrow .ico-arrow-alipay {
display: inline-block;
width: 20px;
height: 11px;
background: url("/templates/images/alipay-pay.png") -25px -100px no-repeat
}

.mod-ct .detail .detail-ct {
display: none;
font-size: 14px;
text-align: right;
line-height: 28px
}

.mod-ct .detail .detail-ct dt {
float: left
}

.mod-ct .detail-open {
border-top: 1px solid #e5e5e5
}

.mod-ct .detail .arrow {
padding: 6px 34px;
border: 1px solid #e5e5e5
}

.mod-ct .detail .arrow .ico-arrow {
display: inline-block;
width: 20px;
height: 11px;
background: url("/templates/images/wechat-pay.png") -25px -100px no-repeat
}

.mod-ct .detail-open .arrow .ico-arrow {
display: inline-block;
width: 20px;
height: 11px;
background: url("/templates/images/wechat-pay.png") 0 -100px no-repeat
}

.mod-ct .detail-open .detail-ct {
display: block
}

.mod-ct .tip {
margin-top: 40px;
border-top: 1px dashed #e5e5e5;
padding: 30px 0;
position: relative
}

.mod-ct .tip .ico-scan-wechat {
display: inline-block;
width: 56px;
height: 55px;
background: url("/templates/images/wechat-pay.png") 0 0 no-repeat;
vertical-align: middle;
*display: inline;
*zoom: 1
}

.mod-ct .tip .ico-scan-alipay {
display: inline-block;
width: 56px;
height: 55px;
background: url("/templates/images/alipay-pay.png") 0 0 no-repeat;
vertical-align: middle;
*display: inline;
*zoom: 1
}
.mod-ct .tip .tip-text {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 23px;
font-size: 16px;
line-height: 28px;
*display: inline;
*zoom: 1
}

.mod-ct .tip .dec {
display: inline-block;
width: 22px;
height: 45px;
background: url("/templates/images/wechat-pay.png") 0 -55px no-repeat;
position: absolute;
top: -23px
}

.mod-ct .tip .dec-left {
background-position: 0 -55px;
left: -136px
}

.mod-ct .tip .dec-right {
background-position: -25px -55px;
right: -136px
}

.foot {
text-align: center;
margin: 30px auto;
color: #888888;
font-size: 12px;
line-height: 20px;
    font-family: "simsun", serif
}

.foot .link {
color: #0071ce
}

@media (max-width:768px) {
.mod-ct {
width: 100%;
padding: 0
}

.mod-ct .tip .dec-right {
display: none
}

.mod-ct .detail {
margin-top: 30px
}

.mod-ct .detail .detail-ct {
padding: 0 19px;
margin-bottom: 19px
}
}